<template>
  <div class="warp">
    <ProTable :attr="{ showDetail: false, tableSearchbar: true, tablePage: true }">
      <template #search>
        <SearchForm :columns="searchCol" :searchParam="searchParam"></SearchForm>
      </template>
      <template #table="{ height }">
        <el-table :height="height" border>
          <el-table-column type="index" label="序号" width="60"></el-table-column>
          <el-table-column type="name" label="姓名"></el-table-column>
        </el-table>
      </template>
    </ProTable>
  </div>
</template>

<script setup>
import ProTable from '_c/proTable/index.vue'
import SearchForm from '_c/searchForm/index.vue'
import { reactive } from 'vue'
const searchParam = reactive({
  name: '1'
})
const searchCol = [
  {
    prop: "name", // 搜索框 key
    label: "信息名称", // 搜索框提示词
    typeName: "el-input",
    attr: {
    },
  }

]
</script>

<style lang="scss" scoped>
.warp {
  height: 100%;
}
</style>